<div class="Box">
  <div class="Box-header Box-header--blue">
    <h3 class="Box-title">提交地址</h3>
    <div class="width-full">
      <div class="input-group">
        <input id="git-path" readonly class="form-control" value="{{ repo.git_http_path }}" type="text"
          aria-label="git-http-url">
        <span id="select-git-path" class="input-group-button">
          <button class="btn" type="button" aria-label="Copy to clipboard">
            <svg class="octicon octicon-clippy" viewBox="0 0 14 16" version="1.1" width="14" height="16"
              aria-hidden="true">
              <path fill-rule="evenodd"
                d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z">
              </path>
            </svg>
          </button>
        </span>
      </div>
      <script>
        $('#git-path').on('focus', function (e) {
          this.select()
        })
      </script>
      <script>
        $('#select-git-path').on('click', function (e) {
          $('#git-path').select()
          document.execCommand("Copy", true)
        })
      </script>
    </div>
  </div>
  <div class="Box-body">
    快提交吧，我也不知道地址，离谱了
  </div>
</div>